<!--vue模板-->
<template>
  <!--树形下拉列表-->
  <el-tree-select v-model="parentid" :props="defaultProps"  :data="data" :highlight-current="true" :render-after-expand="false" check-strictly @current-change="chg"/>
</template>

<!--vue 组件选项定义-->
<script>
export default {
  data() {
    return {
      data: [],
      defaultProps: {
        children: "childs",
        label: "name",
        value:"id"
      }
    };
  },
  props:{
    parentid:{
        type:String,
        default:""
    }
  },
  $emit:["update:parentid"],
  created(){
    this.queryTree();
  },
  methods: {
    chg(node){
      console.log("node>>>>",node.id);
        //更新父组件 对应当前属性parentid的值 
        this.$emit("update:parentid",node.id);
    },
    queryTree() {
      this.$http.get("/api/menu/tree", { }).then((res) => {
        if (res.code == 200) {
          this.data = res.result;
        }
      });
    },
  },
};
</script>

<!--vue样式 scoped当前样式只适用于当前组件-->
<style scoped></style>
